<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户管理</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">
</head>
<body class="layui-layout-body">
<ul class="layui-nav layui-bg-green" lay-filter="">
    <li class="layui-nav-item"><a href="/room/mahjong/index">房间列表</a></li>
    <li class="layui-nav-item"><a href="/room/findTypes">新增房间</a></li>
    <li class="layui-nav-item layui-this"><a href="/user/mahjong/user_manage">用户列表</a></li>
    <li class="layui-nav-item"><a href="/user/mahjong/user_add">添加用户</a></li>
    <li class="layui-nav-item"><a href="/order/mahjong/order_handler">订单管理</a></li>
    <li class="layui-nav-item layui-col-md-offset4">
        <a href=""><img src="http://localhost:8083/img.jpg" class="layui-nav-img"/>管理员</a>
    </li>
    <li class="layui-nav-item"><a href="/account/logout">退出</a></li>
</ul>
<div class="layui-container" style="margin-top: 50px;width: 1000px;">

    <table class="layui-hide" id="test" style="width: 300px" lay-filter="test"></table>
    <script type="text/html" id="barDemo">
        <a class="layui-btn  layui-btn-xs layui-btn-normal" lay-event="update">修改</a>
        <a class="layui-btn layui-btn-xs layui-btn-warm " lay-event="delete">删除</a>
    </script>
    <script th:src="@{/layui/layui.js}" charset="utf-8"></script>
    <script>
        layui.use('table', function(){
            var table = layui.table;

            table.render({
                elem: '#test'
                ,url:'/user/findAll'
                ,title: '用户列表'
                ,cols: [
                    [
                        {field:'id', width:100, title: '编号', sort: true}
                        ,{field:'username', width:100, title: '用户名'}
                        ,{field:'nickname', width:100, title: '昵称'}
                        ,{field:'gender', width:70, title: '性别'}
                        ,{field:'telephone', width:130, title: '联系电话'}
                        ,{field:'registerdate', width:160, title: '注册日期'}
                        ,{field:'address', width:160, title: '地址'}
                        ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:140}
                ]
                ]
                ,page: true
            });

            table.on('tool(test)', function(obj){
                var data = obj.data;
                if(obj.event === 'update'){
                    window.location.href="/user/findById/"+data.id;
                }
                if(obj.event === 'delete'){
                    layer.confirm('确定要删除？', function(index){
                        window.location.href="/user/deleteById/"+data.id;
                        layer.close(index);
                    });
                }
            });
        });
    </script>

</div>
<script>
    layui.use('element', function(){
        var element = layui.element;
    });
</script>
</body>
</html>